import { globalStyle, style } from '@vanilla-extract/css';
import { vars } from '../../../theme/vars.css';

export const checkInputStyle = style({});

globalStyle(`${checkInputStyle} label`, {
	padding: '0.2em',
	cursor: 'pointer',
});

globalStyle(`${checkInputStyle}.read-only label`, {
	cursor: 'default',
});

globalStyle(`${checkInputStyle}.read-only label input`, {
	cursor: 'default',
	pointerEvents: 'none',
});

globalStyle(`${checkInputStyle} label:has(:focus-visible)`, {
	outline: `1px solid ${vars.color.accent}`,
});
